
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../global/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./frm.css" />
</head>
<body>
	<div id="group-members"></div>
</body>

<script id="tpl-group-members" type="text/x-dot-template">
	{{~it :v:i}}
        <div class="auix-user-bar aui-card-list-header aui-card-list-user aui-border-b">
			<div tapmode onclick="ccn() && views.openUCenterWin({{=v.uid}}, &quot;{{=escapeStr(decodeEmoji(v.username))}}&quot;);">
	            <div class="avatar aui-card-list-user-avatar">
	                <img src="{{=v.avatar}}" data-type="avatar" class="aui-img-round" />
	            </div>
                <div class="aui-card-list-user-name">
    	            <div>
    	                <span class="nick">{{=shortNick(decodeEmoji(v.username))}}</span>
                        {{? str_being(v.role)}}
                        <span class="auix-group-role" style="{{? v.role_color}}background-color:{{=v.role_color}}{{?}}">{{=v.role}}</span>
                        {{?}}
    	            </div>
                </div>
			</div>
            <div class="notes">{{=safeStr(v.notes)}}</div>
            <div class="notes2">{{=safeStr(v.notes2)}}</div>
        </div>
	{{~}}
</script>

<script type="text/javascript" src="../../../config.js"></script>
<script type="text/javascript" src="../../../global/script/lib/api.js"></script>
<script type="text/javascript" src="../../../global/script/lib/doT.min.js"></script>
<script type="text/javascript" src="../../../global/script/lib/aui-lazyload.js"></script>
<script type="text/javascript" src="../../../global/script/mylib.js"></script>
<script type="text/javascript" src="../../../app.js"></script>
<script type="text/javascript" src="./frm.js"></script>

</html>


<script type="text/javascript" src="../../../global/script/_fakeApi.js"></script>
<script type="text/javascript">
	window.mockGroupMembers = [
	    {
	        gmid: "1",
	        uid: "1",
	        username: "admin",
	        avatar: "http://www.ikongji.com/uc_server/images/avatar/avatar_1_middle.gif",
	        role: "管理员",
	        talk_status: "1",
	        notes: "分享数: 0 收益: 0",
	        is_admin: 1,
	        notes2: "余额:0 手机: 来源:线上",
	    },
	    {
	        gmid: "17",
	        uid: "17",
	        username: "子牛",
	        avatar: "http://static.ikongji.com/uc_server/images/avatar/avatar_5_middle.gif",
	        role: "师傅",
	        talk_status: "1",
	        notes: "分享数: 0 收益: 0.08",
	        is_owner: 1,
	        notes2: "余额:5.3 手机:13217789141 来源:线上",
	    },
	    {
	        gmid: "2",
	        uid: "2",
	        username: "城管理员",
	        avatar: "http://img.ikongji.com/qiniu_avatar/app1/000/00/00/02_avatar_1.jpg?imageView2/2/w/120/h/120",
	        role: "",
	        talk_status: "1",
	        notes: "分享数: 0 收益: 0",
	        notes2: "余额:0 手机:11038096324 来源:线上",
	    },
	]


    fooList();
    function fooList() {
        var html = doT_Render('#tpl-group-members', window.mockGroupMembers);
    	$api.append($api.byId('group-members'), html)
    }
</script>
